<!DOCTYPE html>
<style type="text/css">
    .col{
        background-color: #F9FAFB;
        padding: 5px;
        border: 1px solid #ddd;
        border-radius: 2px;
        line-height: 26px;
    }
    .auto_hidden {
        width: 204px;
        border-bottom: 1px dashed #dddddd;
        border-left: 1px dashed #dddddd;
        border-right: 1px dashed #dddddd;
        position: absolute;
        display: none;
    }

    .auto_show {
        width: 204px;
        border-bottom: 1px dashed #dddddd;
        border-left: 1px dashed #dddddd;
        border-right: 1px dashed #dddddd;
        /*position: absolute;*/
        /*z-index: 3; /!* 设置对象的层叠顺序 *!/*/
        display: block;
    }

    .auto_onmouseover {
        color: #ffffff;
        background-color: highlight;
        width: 100%;
        padding-left: 5px;
    }

    .auto_onmouseout {
        color: #000000;
        width: 100%;
        background-color: #ffffff;
        padding-left: 5px;
    }
</style>
<ion-view hide-nav-bar="true">
        <ion-header-bar class="item-input-inset bar-positive">
            <label class="item-input-wrapper">
                <i class="icon ion-ios-search-strong placeholder-icon"></i>
                <div ed-auto-search="autoSearch" data-options="changeEvent : 'changeSearchVal',placeholder : '车牌号/自编号/线路',
                            showSelectUrl : '{{resCheckFuzzyQueryUrl}}'" data-params="queryType : 'search.queryType'">
                </div>
            </label>
        </ion-header-bar>
    <ion-content >

        <div class="content no-header">
            <div style="height: 1px;padding-bottom: 5px;position: relative;z-index: 10">
                <div class="auto_hidden" id="autoText"><!--自动完成 DIV--></div>
            </div>

            <div ng-if="busData != undefined">
                <!--<item class="item item-icon-left" style="text-align: left">-->
                    <!--<i class="icon ion-android-bus"></i>-->
                    <!--车辆信息-->
                <!--</item>-->

                <span class="item " style="margin-left: -11px;">
                    车辆信息
                </span>

                <div style="width: 100%" >
                    <div class="row" style="padding-top: 0;padding-left: 0;padding-right: 0;">
                        <div class="col" style="border-right: none;border-bottom: none">
                            <div class="col-demo">线路名称 : {{busData.lineNo}}</div>
                        </div>
                        <div class="col" style="border-left: none;border-bottom: none;text-align: center">
                            <div class="col-demo">
                                <div class="col-demo">自编号 : {{busData.vehicleNo}}</div>
                            </div>
                        </div>
                    </div>

                    <div class="row" style="padding-bottom: 0;padding-left: 0;padding-right: 0;">
                        <div class="col" style="border-right: none;border-top: none">
                            <div class="col-demo">车牌号 : {{busData.plateNo}}</div>
                        </div>
                        <div class="col" style="border-left: none;border-top: none;text-align: center">
                            <div class="col-demo">营运公司 : {{busData.companyName}}</div>
                        </div>
                    </div>

                   

                    <div class="row" style="margin-top: 4px;">
                        <div class="col col-50" style="border: none;text-align: left;background-color: #FFFFFF">
                            <span style="margin-left: -4px;color:#74BAF7">
                                车辆实时位置
                            </span>
                        </div>
                        <div class="col col-20" style="margin-left: 58px;text-align: center;min-width: 80px;">
                            <a href="javascript:void(0)" style="color: #2D99F4" ng-click="viewCurrent(busData)">
                                立即查看
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div ng-if="busData.resourceList.length > 0">
                <!--<item class="item item-icon-left" style="text-align: left">-->
                    <!--<i class="icon ion-filing"></i>-->
                    <!--媒体资源-->
                <!--</item>-->

                <span class="item " style="margin-left: -11px;">
                    媒体资源
                </span>

                <div style="width: 100%" ng-repeat="data in busData.resourceList">

                    <div class="row" style="padding-top: 0;padding-left: 0;padding-right: 0;">
                        <div class="col" style="border-right: none;border-bottom: none">
                            <div class="col-demo" >媒体类型 : {{data.mediaName}}
                                <!--<a class="positive" style="border-left:none;border-bottom: none">-->
                                    <!--<i class="ion-image"></i>-->
                                    <!--<span class="color-demo positive-bg positive-border"></span>-->
                                <!--</a>-->
                            </div>
                        </div>
                    </div>

                    <div class="row" style="padding-bottom: 0;padding-left: 0;padding-right: 0;">
                        <div class="col" style="border-right: none;border-top: none">
                            <div class="col-demo">规格 : {{data.model}}</div>
                        </div>
                    </div>
                    <div class="row" style="padding-bottom: 0;padding-left: 0;padding-right: 0;">
                        <div class="col" style="border-left: none;border-top: none;">
                            <div class="col-demo">编号 : {{data.resourceCode}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

            <div id="rightDisplay" ng-if="bigImage" class="popover-backdrop"
                 style="position: fixed;top: 0;left: 0;z-index: 10; width: 100%;height: 100%;"
                 ng-click="hideBigImage()"
                 on-swipe-left="swipeLeft()"
                 on-swipe-right="swipeRight()">
                <img class="img-responsive"
                     style="position: absolute;top: 12%;left: 14%;z-index: 10;display: block;
                        height: 270px;width: 230px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);"
                     ng-src="{{Url}}"/>
            </div>
        </div>
        <div ng-if="busData == undefined"  style="padding-top:10px;width: 100%;text-align: center;color: #555;"> <span>无数据</span></div>
    </ion-content>
</ion-view>